Глава 7. Таблицы
Для чего
нужны таблицы?
На этот
вопрос есть очевидный ответ: таблицы
нужны для представления информации в
табличном виде. Есть, однако, и менее
очевидные ответы.
До
настоящего времени мы имели дело с
документами, в которых существовал
только один "поток" текста. На
практике иногда очень хочется
расположить текст в несколько колонок.
Таблица может в этом помочь.
Кроме
того, таблица, состоящая из одной
ячейки, может очень эффектно выделить
фрагмент текста, на который Вы хотите
обратить внимание читателя.
Как устроена
таблица
В
устройстве таблицы легче всего
разобраться на простом примере.
<HTML>
<HEAD>
<TITLE>Пример 10</TITLE>
</HEAD>
<H1>Простейшая таблица </H1>
<TABLE BORDER=1> <!--Это начало таблицы-->
<CAPTION> <!--Это заголовок таблицы-->
У таблицы может быть заголовок
</CAPTION>
<TR> <!--Это начало первой строки-->
<TD> <!--Это начало первой ячейки-->
Первая строка, первая колонка
</TD> <!--Это конец первой ячейки-->
<TD> <!--Это начало второй ячейки-->
Первая строка, вторая колонка
</TD> <!--Это конец второй ячейки-->
</TR> <!--Это конец первой строки-->
<TR> <!--Это начало второй строки-->
<TD> <!--Это начало первой ячейки-->
Вторая строка, первая колонка
</TD> <!--Это конец первой ячейки-->
<TD> <!--Это начало второй ячейки-->
Вторая строка, вторая колонка
</TD> <!--Это конец второй ячейки-->
</TR> <!--Это конец второй строки-->
</TABLE> <!--Это конец таблицы-->
</BODY>
</HTML>
Таблица
начинается с метки <TABLE> и
заканчивается меткой </TABLE>.
Метка <TABLE> может включать
несколько атрибутов:
- ALIGN
- Устанавливает
расположение таблицы по отношению к
полям документа. Допустимые
значения: ALIGN=LEFT (выравнивание
влево), ALIGN=CENTER (выравнивание по
центру), ALIGN=RIGHT (выравнивание
вправо).
- WIDTH
- Ширина таблицы. Ее
можно задать в пикселах (например, WIDTH=400)
или в процентах от ширины страницы (например,
WIDTH=80%).
- BORDER
- Устанавливает
ширину внешней рамки таблицы и
ячеек в пикселах (например, BORDER=4).
Если атрибут не установлен, таблица
показывается без рамки.
- CELLSPACING
- Устанавливает
расстояние между рамками ячеек
таблицы в пикселах (например, CELLSPACING=2).
- CELLPADDING
- Устанавливает
расстояние между рамкой ячейки и
текстом в пикселах (например, CELLPADDING=10).
Таблица
может иметь заголовок (<CAPTION> ...
</CAPTION>), хотя заголовок не
является обязательным. Метка <CAPTION>
может включать атрибут ALIGN.
Допустимые значения: <CAPTION ALIGN=TOP>
(заголовок помещается над таблицей) и <CAPTION
ALIGN=BOTTOM> (заголовок помещается под
таблицей).
Каждая
строка таблицы начинается с метки <TR>
и заканчивается меткой </TR>.
Метка <TR> может включать
следующие атрибуты:
- ALIGN
- Устанавливает
выравнивание текста в ячейках
строки. Допустимые значения: ALIGN=LEFT
(выравнивание влево), ALIGN=CENTER (выравнивание
по центру), ALIGN=RIGHT (выравнивание
вправо).
- VALIGN
- Устанавливает
вертикальное выравнивание текста в
ячейках строки. Допустимые значения:
VALIGN=TOP (выравнивание по
верхнему краю), VALIGN=MIDDLE (выравнивание
по центру), VALIGN=BOTTOM (выравнивание
по нижнему краю).
Каждая
ячейка таблицы начинается с метки <TD>
и заканчивается меткой </TD>.
Метка <TD> может включать
следующие атрибуты:
- NOWRAP
- Присутствие этого
атрибута означает, что содержимое
ячейки должно быть показано в одну
строку.
- COLSPAN
- Устанавливает "размах"
ячейки по горизонтали. Например, COLSPAN=3
означает, что ячейка простирается
на три колонки.
- ROWSPAN
- Устанавливает "размах"
ячейки по вертикали. Например, ROWSPAN=2
означает, что ячейка занимает две
строки.
- ALIGN
- Устанавливает
выравнивание текста в ячейке.
Допустимые значения: ALIGN=LEFT (выравнивание
влево), ALIGN=CENTER (выравнивание по
центру), ALIGN=RIGHT (выравнивание
вправо).
- VALIGN
- Устанавливает
вертикальное выравнивание текста в
ячейке. Допустимые значения: VALIGN=TOP
(выравнивание по верхнему краю), VALIGN=MIDDLE
(выравнивание по центру), VALIGN=BOTTOM
(выравнивание по нижнему краю).
- WIDTH
- Устанавливает
ширину ячейки в пикселах (например, WIDTH=200).
- HEIGHT
- Устанавливает
высоту ячейки в пикселах (например, HEIGHT=40).
Если
ячейка таблицы пуста, вокруг нее не
рисуется рамка. Если ячейка пуста, а
рамка нужна, в ячейку можно ввести
символьный объект (non-breaking
space — неразрывающий пробел). Ячейка по-прежнему
будет пустой, а рамка вокруг нее будет.
Любопытно отметить, что любая ячейка
таблицы может содержать в себе другую
таблицу.